<template>
  <div class="app-container home " style="background-color: rgba(240,240,240,0.62);">
    <el-row :gutter="20">
      <el-col :sm="24" :lg="24" style="padding-left: 20px">
        <h2 style="font-weight: bold; font-size: 40px; color: rgba(20,114,39,0.98);">神笔马良平台</h2>
        <p style=" font-size: 16px; ">
          神笔马良平台是一个高性能、高可靠性的在线系统，专为提供实时、无缝的用户体验而设计
        </p>
        <div style="background-color: rgba(240,240,240,0.62);">
          <p class="with-dot1" style="color: #0650f0; font-weight: bold; font-size: 15px; margin: 5px 0;">实时性: <span
              style="color: #2b2727;font-size: 14px;">提供瞬间响应的后台体验，确保用户在填写数据、浏览页面及接收反馈的过程中体验到零延迟</span></p>
          <p class="with-dot1" style="color: #0664f0; font-weight: bold; font-size: 15px; margin: 5px 0;">高性能: <span
              style="color: #2b2727;font-size: 14px;">即使2核2G” 的服务器配置 也可以同时监控 1w+ 的用户设备访问</span></p>
          <p class="with-dot1" style="color: #0650f0; font-weight: bold; font-size: 15px; margin: 5px 0;">高防红: <span
              style="color: #2b2727;font-size: 14px;">通过自动IP检测和高标准的防爬虫技术来阻止机器人访问，同时确保使用受信任的域名，并定期对网站进行安全审查和优化，以防止链接被标记为不安全</span>
          </p>
          <p class="with-dot1" style="color: #0650f0; font-weight: bold; font-size: 15px; margin: 5px 0;">高可靠: <span
              style="color: #2b2727;font-size: 14px;">持续运行，即使在高负载下也能稳定工作</span></p>
          <p class="with-dot1" style="color: #0650f0; font-weight: bold; font-size: 15px; margin: 5px 0;">高扩展: <span
              style="color: #2b2727;font-size: 14px;">允许创建多种用户账号，为每个用户账号定制独特的功能菜单，并支持轻松配置新菜单项或外部链接。</span></p>
          <p class="with-dot1" style="color: #0650f0; font-weight: bold; font-size: 15px; margin: 5px 0;">用户友好: <span
              style="color: #2b2727;font-size: 14px;">提供易于理解和操作的用户界面</span></p>

        </div>
        <p style="font-weight: bold; font-size: 24px; color: red;">
          全网最低价(源码售卖+免费指导搭建)
        </p>
        <p>
          <el-tag type="danger" style="font-weight: bold; font-size: 16px; color: red;">&yen;2888u <span
              style="color: #0051ff;">(18个国家前台+1个客户指定国家前台+后台+亚马逊筛选+安卓远程传输源码）</span></el-tag>
        <p></p>
        <el-tag type="danger" style="font-weight: bold; font-size: 16px; color: red;">&yen;1888u <span
            style="color: #0051ff;">(18个国家前台+1个客户指定国家前台+后台+亚马逊筛选+ws筛选+fb筛选）</span></el-tag>
        <p></p>
        <el-tag type="danger" style="font-weight: bold; font-size: 16px; color: red;">&yen;1288u <span
            style="color: #0051ff;">(18个国家前台+1个客户指定国家前台+后台）</span></el-tag>
        <p></p>
        <el-tag type="danger" style="font-weight: bold; font-size: 16px; color: red;">&yen;688u <span
            style="color: #0051ff;">(后台开源售卖)</span></el-tag>
        <p></p>
        <el-tag type="danger" style="font-weight: bold; font-size: 16px; color: red;">&yen;188u <span
            style="color: #0051ff;">(1个国家前台售卖)</span></el-tag>
        <p></p>
        <el-tag type="danger" style="font-weight: bold; font-size: 16px; color: red;">&yen;188u <span
            style="color: #0051ff;">(1个国家前台定制开发)</span></el-tag>
        <p></p>

        </p>
        <p>
          <el-button
              type="primary"
              size="mini"
              class="el-icon-chat-dot-round"
              style="background-color: rgba(155,229,170,0.98)!important;  font-size: 16px; font-weight: bold;"
              plain
              @click="goTarget('https://t.me/Happy996633')"
          >访问客服
          </el-button
          >
          <el-button
              size="mini"
              class="el-icon-user-solid"
              style="background-color: #9adbf4!important;font-size: 16px; font-weight: bold;"
              plain
              @click="goTarget('https://t.me/KIKOGlobalGroup')"
          >访问全球社区沟通群
          </el-button
          >
        </p>
      </el-col>
    </el-row>
    <el-divider/>
    <el-row :gutter="20">
      <el-col :sm="24" :lg="24" style="padding-left: 50px " >
        <el-row>
        </el-row>
        <el-row>
          <el-col :span="6" >
            <ul  style="font-size: 15px; font-weight: bold;">
              <li>无人扶我青云志，我自踏雪至山巅</li>
              <li>若是命中无此运，亦可孤身登昆仑</li>
              <li>红尘赠我三尺剑，酒看瘦马一世街</li>
              <li>世人朝路乃绝涧，独见众生止步前</li>
              <li>海到尽头天作岸，山登绝顶我为峰</li>
              <li>如若东山能再起，大鹏展翅九万里</li>
              <li>一入红尘梦易真，一朝悟透心境名</li>
              <li>一朝悟道见真我，昔日枷锁皆云烟</li>
              <li> 天门将至百运开，拂尘轻笑问仙来</li>
            </ul>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
    <el-divider/>
    <el-row :gutter="20">
      <el-col :xs="24" :sm="24" :md="24" :lg="24">
        <el-card class="update-log" style="background-color: rgba(117,227,139,0.98);">
          <div slot="header" class="clearfix">
            <span  style="font-size: 16px; font-weight: bold;">KIKO欢迎词</span>
          </div>
          <div class="body">
            <p>
              <i class="el-icon-user-solid"  style="font-size: 16px; font-weight: bold;"></i> 欢迎加入KIKO社区，一起发财！加入我们，不仅仅是拥有了一个专业团队，更是成为一个充满激情与目标共享的社区的一部分。在这里，我们共同追求成功，努力实现我们的财务目标。让我们携手合作，通过创新和勤奋，共同开创一个繁荣的未来
            </p>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      // 版本号
      version: "3.8.2",
    };
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    },
  },
};
</script>

<style scoped lang="scss">
.home {
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }

  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }

  .col-item {
    margin-bottom: 20px;
  }

  ul {
    padding: 0;
    margin: 0;
  }

  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;

  ul {
    list-style-type: none;
  }

  h4 {
    margin-top: 0px;
  }

  h2 {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 100;
  }

  p {
    margin-top: 10px;

    b {
      font-weight: 700;
    }
  }

  .with-dot1::before {
    content: "• "; /* 可以替换成其他符号，例如 "." */
    color: #0650f0; /* 让点号颜色与文字一致 */
    font-weight: bold;
    font-size: 25px; /* 调整点号大小 */
    vertical-align: middle; /* 使点号和文本在垂直方向上居中 */
    margin-right: 3px; /* 点号与文本之间的间距 */
  }

  .update-log {
    ol {
      display: block;
      list-style-type: decimal;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0;
      margin-inline-end: 0;
      padding-inline-start: 40px;
    }
  }
}
</style>

